<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录注册</title>
    <link rel="stylesheet" href="../css/indexStyle.css">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
    <script src="https://cdn.bootcss.com/crypto-js/3.1.9/crypto-js.min.js"></script>
</head>
<body>
    <h1 style="text-align: center;text-shadow: 1px 1px 2px var(--themeColor);">湖南科技职业学院在线考试系统</h1>
   
        <div class="container loginContainer">
            <h2 style="text-align: center;margin-bottom: 15px;">登  录</h2>
                <div class="inputboxContainer">   
                    <label for="loginUserType" class="inputboxLabel">身份：</label>
                    <select  class="inputbox" id="loginUserType">
                        <option class="inputbox" value="管理员">管理员</option>
                        <option class="inputbox" value="学生">学生</option></select>
                    </div> 
                <div class="inputboxContainer">
                    <label for="loginUserName" class="inputboxLabel">用户名：</label>
                    <input class="inputbox" type="text" placeholder="请输入用户名" id="loginUserName">
                </div> 
                <div class="inputboxContainer">
                    <label for="loginUserPwd" class="inputboxLabel">密码：</label>
                    <input class="inputbox" type="password"  placeholder="请输入密码" id="loginUserPwd">
                    <img onclick="pwdShow(this)" id="pwdShow" src="../img/pwd-hidden.png"></input>
                </div>
                <div class="inputboxContainer">
                    <label for="captchaInput" class="inputboxLabel">验证码：</label>
                    <input class="inputbox" type="text"  placeholder="请输入验证码" id="captchaInput">
                    <a onclick="creatCaptcha()" id="captchaShow"></a>
                </div>
                <input class="inputButton" type="button" value="点击登录" onclick="login()" >
                <input class="inputButton" type="button" value="跳转注册" onclick="toggle()">    
        </div>

        <div class="container regContainer">
            <h2 style="text-align: center;margin-bottom: 15px;">注 册</h2>
            <div class="inputboxContainer">
                <label for="loginUserType" class="inputboxLabel">身份：</label>
                <select name="" class="inputbox" id="regUserType">
                    <option class="inputbox" value="管理员">管理员</option>
                    <option class="inputbox" value="学生">学生</option>
                </select>
            </div> 
            <div class="inputboxContainer">
            <label for="regUserName" class="inputboxLabel">用户名：</label>
            <input class="inputbox" type="text" placeholder="请输入用户名" id="regUserName">
        </div>
        <div class="inputboxContainer">
            <label for="regUserPwd" class="inputboxLabel">密码：</label>
            <input class="inputbox" type="text"  placeholder="请输入密码" id="regUserPwd">
        </div>
            <input type="checkbox" value="" id="checkbox" ><a href="./tiaolie.html" style="font-Size: 16px;">勾选同意《用户管理条例》</a></input>
            <input class="inputButton" type="button" value="点击注册" onclick="reg()">
            <input class="inputButton" type="button" value="跳转登录" onclick="toggle()">
        </div>
    
</body>
<script src="../js/golbal.js"></script>
<script src="../js/index.js" language="javascript"></script>

</html>